﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>单页编辑</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="assets/img/favicon.ico" />
    <!-- Loading Bootstrap -->
    <link href="assets/css/backend.min.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var require = {
            "config": {
                "site": {
                    "name": "FastAdmin",
                    "cdnurl": "./",
                    "version": 1500448467,
                    "timezone": "Asia/Shanghai",
                    "languages": {
                        "backend": "zh-cn",
                        "frontend": "zh-cn"
                    }
                },
                "upload": {
                    "cdnurl": "./",
                    "uploadurl": "data/upload.json",
                    "bucket": "yourbucketname",
                    "maxsize": "10mb",
                    "mimetype": "*",
                    "multipart": {
                        "policy": "eyJidWNrZXQiOiJ5b3VyYnVja2V0bmFtZSIsInNhdmUta2V5IjoiXC91cGxvYWRzXC97eWVhcn17bW9ufXtkYXl9XC97ZmlsZW1kNX17LnN1ZmZpeH0iLCJleHBpcmF0aW9uIjoxNTAwNTM0ODY3LCJub3RpZnktdXJsIjoiaHR0cDpcL1wvd3d3LnlvdXJzaXRlLmNvbVwvdXB5dW5cL25vdGlmeSJ9",
                        "signature": "0695b542bd91d5d0eea7c0a44a37dd54",
                        "bucket": "yourbucketname",
                        "save-key": "/uploads/{year}{mon}{day}/{filemd5}{.suffix}",
                        "expiration": 1500534867,
                        "notify-url": "http://www.yoursite.com/upyun/notify"
                    },
                    "multiple": false
                },
                "modulename": "admin",
                "controllername": "customer",
                "actionname": "edit",
                "jsname": "backend/example/customer",
                "moduleurl": "./",
                "language": "zh-cn",
                "referer": null
            }
        };
    </script>
</head>
<body class="inside-header inside-aside is-dialog">
    <div id="main" role="main">
        <div class="tab-content tab-addtabs">
            <div id="content">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <section class="content-header hide">
                            <h1>
                                控制台                                    <small>Control panel</small>
                            </h1>
                        </section>
                        <div class="content">
                            <form id="edit-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="data/edit.json">
                                <table class="table table-hover table-border0">
                                    <tbody>
                                        <tr>
                                            <td class="client-link" style="width:15%;">所属房间*：</td>
                                            <td>
                                                <a data-toggle="modal" href="storage_in.html#modal-goodtypetree" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择房间 </a>
                                                <table id="tb_houses" class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>楼址*</th>
                                                            <th>住户类型*</th>
                                                            <th>入住日期*</th>
                                                            <th>是否在住*</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr style="display:none;">
                                                            <td>
                                                                <span></span>
                                                            </td>
                                                            <td>
                                                                <select id="c-type" class="form-control selectpicker" name="row[type]">
                                                                    <option value="">业主</option>
                                                                    <option value="1">家人</option>
                                                                    <option value="2">租户</option>
                                                                    <option value="3">公司负责人</option>
                                                                    <option value="4">员工</option>
                                                                </select>                                                                
                                                            </td>
                                                            <td>
                                                                <div class="form-group">
                                                                    <label for="c-startdate" class="control-label col-xs-12 col-sm-2">开始日期:</label>
                                                                    <div class="col-xs-12 col-sm-8">
                                                                        <input id="c-startdate" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[startdate]" type="text" value="2017-07-10">
                                                                    </div>
                                                                </div>
                                                                <input id="c-startdate" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[startdate]" type="text" value="2017-07-10">
                                                            </td>
                                                            <td>
                                                                <select id="c-type" class="form-control selectpicker" name="row[type]">
                                                                    <option value="">是</option>
                                                                    <option value="1">否</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>

                                        </tr>
                                        <tr>
                                            <td class="client-link">住户姓名*：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" placeholder="输入姓名，表示房间关联的人" value="">
                                                <input id="c-startdate" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-use-current="true" name="row[startdate]" type="text" value="2017-07-10">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td class="client-link">身份证号*：</td>
                                            <td>
                                                <input type="text" style="width:200px;" class="form-control input-sm input-group" placeholder="" value="430903198810153910">
                                                
                                            </td>
                                            

                                        </tr>
                                        <tr>
                                            <td class="client-link">车位号码：</td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" placeholder="请选择车位号码..." class="input-sm form-control selecttext">
                                                    <span class="input-group-btn">
                                                        <a data-toggle="modal" href="storage_in.html#modal-carnum" class="btn btn-success btn-sm btn-selectcarnum"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                    </span>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="client-link">住户性别：</td>
                                            <td>
                                                <span>男</span>
                                            </td>
                                            
                                        </tr>
                                        <tr>
                                            <td class="client-link">住户年龄：</td>
                                            <td>
                                                <span>30</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="client-link">特殊身份：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="crblpaypiaotype">
                                                        <input id="crblpiaoType02_0" type="radio" name="crblpaypiaotype" value="0" />
                                                        <label for="crblpiaoType02_0">外籍人员</label>
                                                        <input id="crblpiaoType02_1" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_1">内部员工</label>
                                                        <input id="crblpiaoType02_2" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_2">政府官员</label>
                                                        <input id="crblpiaoType02_3" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_3">社区意见领袖</label>
                                                        <input id="crblpiaoType02_4" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_4">具有强社会影响力者</label>
                                                        <input id="crblpiaoType02_5" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_5">长期投诉者</label>
                                                        <input id="crblpiaoType02_6" type="radio" name="crblpaypiaotype" value="1" />
                                                        <label for="crblpiaoType02_6">有过法律纠纷</label>
                                                    </span>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="client-link">电话号码*：</td>
                                            <td>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>电话号码*</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="text" class="form-control input-sm input-group" style="width:200px;" placeholder="必填" value=""></td>
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="11"><button href="javascript:;" class="btn btn-danger btn-sm" onclick="addRow(this);"><i class="fa fa-plus"></i>&nbsp;追加</button></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            

                                        </tr>
                                        <tr>
                                            <td class="client-link">车牌号码：</td>
                                            <td>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>车牌号码</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>

                                                                <input type="text" class="form-control input-sm input-group" style="width:200px;" placeholder="" value="">
                                                            </td>
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="11"><button href="javascript:;" class="btn btn-danger btn-sm" onclick="addRow(this);"><i class="fa fa-plus"></i>&nbsp;追加</button></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="client-link">备注信息：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" placeholder="" value="">
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>

                                <div class="form-group hide layer-footer">
                                    <label class="control-label col-xs-12 col-sm-2"></label>
                                    <div class="col-xs-12 col-sm-8">
                                        <button type="submit" class="btn btn-success btn-embossed disabled">保存</button>
                                        <button type="button" class="btn btn-default btn-embossed">关闭</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-goodtypetree" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择房产</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree3" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li data-jstree='{"type":"son"}'>
                                                        富力家园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1号楼
                                                                <ul>
                                                                    <li data-jstree='{"selected" : true,"type":"son"}'>
                                                                        1层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        2层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        3层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>

                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo2" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>

    <div id="modal-carnum" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择车位</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree4" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li data-jstree='{"type":"son"}'>
                                                        富力家园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"selected" : true,"type":"son"}'>
                                                                        1层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        2层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        3层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>

                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo3" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>
    <script src="assets/js/require.min.js" data-main="assets/js/require-backend.min.js"></script>

</body>
</html>